<template>

  <div>
    <div class="page-hd">
      <div class="header">
        <div class="header-left">
          <router-link to='/user' tag='a'>
            个人管理
          </router-link>
        </div>
        <div class="header-title"></div>
        <div class="header-right">
          <router-link to='/qianbao' tag='a'>
            钱包
          </router-link>
        </div>
      </div>
    </div>
    <div class="page-bd pb30">
      <div class="flex-right">
        <div class="index-top">
          <div class="index-top_data">
            <div class="d_items">
              <div class="d_item">
                <p class="num">363.02</p>
                <p>待收取DC</p>
                <p>≈100.000CNY</p>
              </div>
              <div class="d_item">
                <p class="num">562.56</p>
                <p>矿机总算力</p>
              </div>
            </div>

          </div>
          <div class="input-top_btn mt30">
            <router-link to='/DCshijie' tag='a'>
              DC世界
            </router-link>
            <router-link to='/share' tag='a'>
              分享
            </router-link>
            <!--<a href="" class="weui-btn">分享</a>-->
          </div>
        </div>
        <div class="new-notice weui-cell">
          <div class="weui-cell__hd">
            <img src="../assets/icon_lb.jpg" alt="">
          </div>
          <div class="weui-cell__bd">
            最新消息：矿机模式APP新版上线了
          </div>
        </div>
        <div class="index-list">
          <router-link to="/userKj" :class="'index-list_item'" tag="a">
            <div class="i_tlt">
              我的矿机
            </div>
            <div class="weui-cell border-befor_none">
              <div class="weui-cell__hd">
                <img src="../assets/icon_2.jpg" alt="">
              </div>
              <div class="weui-cell__bd">
                <p class="num">0.2653</p>
                <p class="text fs26" style="color: #81879a;">矿机当日收益</p>
              </div>
              <div class="weui-cell__ft fs26" style="color: #282c37;">
                <span class="color1">12台</span>运行中
              </div>
            </div>
          </router-link>

          <router-link to="/userKc" :class="'index-list_item'" tag="a">
            <div class="i_tlt">
              我的矿池
            </div>
            <div class="weui-cell border-befor_none">
              <div class="weui-cell__hd">
                <img src="../assets/icon_3.jpg" alt="">
              </div>
              <div class="weui-cell__bd">
                <p class="num">0.2653</p>
                <p class="text fs26" style="color: #81879a;">矿机当日收益</p>
              </div>
              <div class="weui-cell__ft fs26" style="color: #282c37;">
                <span class="color1">12台</span>运行中
              </div>
            </div>
          </router-link>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  import {mapGetters} from 'vuex'
  export default {
    data() {
      return {

      }
    },
    mounted(){
      this.$store.dispatch("topstatus", false);
    },

  }
</script>

<style scoped>
  .header {
    background: #fff url("../assets/h_bg2.png") no-repeat;
    background-size: 100% 0.62rem;
    background-size: 100% 0.62rem;
  }

  .header .header-title {
    color: #fff;
  }

  .left-arrow:before {
    display: none;
  }

  .header {
    font-size: 0.213333rem;
    align-items: center;
  }

  .header .header-left, .header .header-right {
    width: 150px;
  }

  .header .header-left {
    color: #fff;
    font-size: 0.186667rem;
    padding-left: 0.19rem;
  }

  .header a {
    color: #ffffff;
  }

  .header .header-right {
    color: #ffffff;
    font-size: 0.186667rem;
    padding-right: 0.19rem;
  }

  .page-right {
    position: absolute;
    width: 100%;
    height: 100%;

    box-sizing: border-box;
    padding-bottom: .7rem;
  }

  .page.active {
    left: 3rem;
  }

  .page-left {
    position: absolute;
    height: 100%;
    background: #fff;
    z-index: 999;
    width: 3rem;
    left: -3rem;
  }
</style>
